<script lang="ts">
  import { Textarea } from "svelte-5-ui-lib";
</script>

<div class="w-full h-full flex flex-col p-8">
  <div class="flex-1 mb-4 border rounded-md p-4 overflow-y-auto">
    <p>这是你要翻译的句子。</p>
  </div>
  <div class="flex-1 mb-4">
    <textarea
      class="resize-none w-full h-full border rounded-md p-4 outline-none"
      placeholder="Please enter the translation."
    ></textarea>
  </div>
  <div class="flex-1 border rounded-md p-4 overflow-y-auto">
    <p>This sentence is correct.</p>
  </div>
</div>
